var QQMapWX = require('../../uslit/qqmap-wx-jssdk.min.js');
var qqmapsdk;
import { request } from '../../uslit/request.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tit:[
      {id:1,name:"正在热映",zt:true},
      { id: 2, name: "即将上映", zt: false },
    ],
    //地址
    dizhi: "",
    //即将上映
    jijiangList: [],
    // 正在热映
    hostList: [],
    sho: true,
  },
  // 标题切换
  qiehuan(e){
    // 获取被点击的索引
    const {index} = e.currentTarget.dataset
    // 把所有状态改成 false, 只给当前点击的状态改为 true
    let list = this.data.tit
    // 循环数组该状态
    list.forEach((v,i)=>i===index?v.zt=true:v.zt=false)
    this.setData({
      tit:list,
      sho:!this.data.sho
    })
  },
  // 地址按钮跳转
  city() {
    wx.navigateTo({
      url: "/pages/city/city"
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   
    //  底部导航样式切换
    this.getTabBar().setData({
      xfq: 1
    })
    //  即将上映
    request({
      url: '/api/douban/movie/selectPreview'
    }).then(res => {
      console.log(res);
      this.setData({
        jijiangList: res.data.data.slice(0,5)
      })
    })
    //  正在热映
    request
    ({
      url: '/api/douban/movie/in_theaters',
      data: {
        start: 3,
        limit: 50
      }
    }).then(res => {
      console.log(res);
      this.setData({
        hostList: res.data.data.list
      })
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    var that = this;
    // 实例化API核心类    腾讯地图相关的那个
    qqmapsdk = new QQMapWX({
      key: 'NLEBZ-N6KKW-GHCR7-RSB3M-JYL4S-G7F4G'
    });
    // 获取位置
    wx.getLocation({
      success(res) {
        // 点击确认,获取成功
        console.log(res);
        //  获取位置更改后,调用 腾讯地图接口
        qqmapsdk.reverseGeocoder({
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          },
          coord_type: 1,
          success(res) {
            console.log(res)
            that.setData({
              dizhi: res.result.address_component.city
            })
          }
        })
      },
      fail(err) {
        // console.log(err); 
        // 点击 拒绝 按钮的话执行  下面的引导 接口
        // 通过 wx.getSetting 查看到用户权限选择状态
        // wx.getSetting({
        //   success(res) {
        //     console.log(res)
        //   },
        // })
        // 通过   wx.openSetting 来引导用户打开设置页面，获取权限
        wx.showModal({
          title: '是否打开设置窗口',
          content: '打开设置',
          success(res) {
            //如果用户 点击 确认就   wx.openSetting
            if (res.confirm) {
              wx.openSetting({
                success(res) {
                  console.log(res)
                }
              })
            }
          }
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    console.log('触底了')
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})